.DocSearch-Form,
.DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {
  box-shadow: inset 0 0 0 2px #409eff!important;
}
.DocSearch-Button {
  padding: 0 12px 0 12px !important;
  height: 32px !important;
  margin-left: 0 !important;
  & .DocSearch-Button-Placeholder {
    font-size: 13px !important;
    font-weight: 500 !important;
  }
  & .DocSearch-Search-Icon {
    width: 14px !important;
    height: 14px !important;
  }
  & .DocSearch-Button-Key {
    width: 16px;
    height: 14px;
  }
}

.DocSearch-Hit-source,
.DocSearch-Prefill,
.DocSearch-Hits mark,
.DocSearch-Logo svg,
.DocSearch-LoadingIndicator svg,
.DocSearch-MagnifierLabel,
.DocSearch-Reset {
  color: #409eff!important;
}
.DocSearch-Hit[aria-selected=true] a {
  background: #409eff!important;
}

@media screen and (max-width: 900px) {
  .DocSearch-Button {
    padding: 0 22px 0 12px !important;
    & .DocSearch-Button-Keys {
      display: none !important;
    }
  }
}
@media screen and (max-width: 850px) {
  .DocSearch-Button {
    padding: 0 32px 0 12px !important;
  }
}